window.addEventListener('load', function () {
    // 获取元素
    let loginBox = document.querySelector('.login-box')
    let regBox = document.querySelector('.reg-box')
    let linkReg = document.querySelector('#link_reg')
    let linkLogin = document.querySelector('#link_login')
    // 添加单击切换功能
    linkReg.onclick = function () {
        loginBox.style.display = "none"
        regBox.style.display = "block"
    }
    linkLogin.onclick = function () {
        loginBox.style.display = "block"
        regBox.style.display = "none"
    }
    layui.use('form', function () {
        var form = layui.form;
        // 登录事件
        form.on('submit(load)', function (data) {
            obj.data = data.field
            obj.success = function (res) {
                layer.msg(res.message)
                if (res.status === 0) {
                    window.location.assign('../index.html')
                    localStorage.setItem('mima', res.token)
                }
            }
            obj.url = '/api/login'
            obj.type = 'post',
                myAxios(obj);
            return false;
        });
        // 注册事件
        form.on('submit(reg)', function (data) {
            obj.type = 'post'
            obj.url = '/api/reguser'
            obj.data = data.field
            obj.success = function (res) {
                layer.msg(res.message)
                if (res.status === 0) {
                    linkLogin.click()
                }
            }
            myAxios(obj);
            return false;
        });
        //验证表单输入是否符合要求
        form.verify({
            username: function (value, item) { //value：表单的值、item：表单的DOM对象
                if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
                    return '用户名不能有特殊字符';
                }
                if (/(^\_)|(\__)|(\_+$)/.test(value)) {
                    return '用户名首尾不能出现下划线\'_\'';
                }
                if (/^\d+$/.test(value)) {
                    return '用户名不能全为数字';
                }
                if (!/^\S{4,}$/.test(value)) {
                    return '用户名不能少于4位'
                }
                //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
                if (value === 'xxx') {
                    alert('用户名不能为敏感词');
                    return true;
                }
            },
            password: [/^\S*(?=\S*[!@#$%^&*()_+])\S*$/, '密码必须包含特殊字符'],
            pwd: [/^\S{6,12}$/, '密码最低6位，最高12位'],
            repwd: function (value) {
                if (value !== document.querySelector('[name="password"]').value) return '两次输入密码值不相同'
            }
        })
    })
})